<template>
    <div>
        <appheader></appheader>
        <div class="footer">
            <div class="footer-row">
                如果疑问,您可通过以下方式联系我们:我们将竭诚为您服务!
            </div>
            <div class="footer-item">
                在线咨询:12313122
            </div>
            <div class="footer-item">
                有&nbsp&nbsp限:1484118703@qq.com
            </div>
            <div class="footer-item">
                联系电话:021-11111111（工作日）
            </div>
            <div class="footer-item-bottom">
                <div class="default-size login-botton-style">
                    <a class="a-style" href="tel:15021676592">请拨打联系电话</a>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
    import Vue from 'vue';
    import appheader from '../components/appheader';
    export default {
        data () {
            return {
            }
        },
        methods: {
        },
        mounted () {
        },
        components: {
            'appheader':appheader
        }
    }
</script>
<style lang="scss" rel="stylesheet/scss" scoped>
 .footer{
     font-size: 10px;
     color: #9a773e;
     font-weight: 400;
     width: 100%;
     right: 10px;
     text-align: center;
     height: 137px;
    position: inherit;
    //  position: fixed;
      bottom: 0px;
        // bottom: 20px;
     left: 0px;
     .footer-item-bottom{
         align-items: center;
         justify-content: center;
         display: flex;
         padding-bottom: 10px;
     }
     .login-botton-style{
         width: 70%;
         -webkit-justify-content: center;
         -webkit-align-items: center;
         margin-top: 8px;
         background-color: #9a773e;
         height: 26px;
         line-height: 26px;
         /*box-shadow: crimson;*/
         /*-moz-box-shadow: 10px 10px 5px #888888;*/
         /*-moz-box-shadow: 1px 0px 20px #9A773E, 2px 2px 5px #333333;*/
         /*-webkit-box-shadow: 1px 0px 20px #9A773E, 2px 2px 5px #333333;*/
         /*box-shadow: 1px 0px 13px #9A773E, 2px 2px 2px #333333;*/
         border-radius: 20px;
     }
     .a-style{
         color: #c6c5ca;
     }
     .footer-row{
         border-bottom: 1px #9a773e solid;
         margin-bottom: 10px;
     }
 }

</style>
